<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>发布商品</title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../fonts/iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/global.css" />
		<style type="text/css">
			.upfile_box div {
				text-align: center;
				line-height: 70px;
			}
			
			.upfile_box div i {
				font-size: 30px;
			}
			
			.mui-popover .mui-table-view .mui-table-view-cell:first-child,
			.mui-popover .mui-table-view .mui-table-view-cell:first-child>a:not(.mui-btn) {
				background: rgba(255, 255, 255, 0.5);
				border-top-left-radius: 8px;
				border-top-right-radius: 8px;
				color: #4c968e;
			}
			
			.mui-checkbox.mui-left input[type=checkbox],
			.mui-radio.mui-left input[type=radio] {
				left: 0;
				top: calc(50% - 13px);
			}
			
			.mui-checkbox input[type=checkbox]:before,
			.mui-radio input[type=radio]:before {
				font-size: 22px;
			}
			
			.mui-checkbox.mui-left label,
			.mui-radio.mui-left label {
				padding-left: 30px;
				padding-right: 0;
			}
			
			.btn_group {
				width: 100%;
				overflow: hidden;
				height: 50px;
			}
			
			.btn_group button {
				width: calc(50%/2);
				float: left;
				padding: 6px;
				font-size: 14px;
				margin: 8px calc(50%/3);
			}
			
			.btn_group button:nth-child(1) {
				margin-right: 0;
			}
			
			.share_list {
				width: 80%;
				position: absolute;
				bottom: 25%;
				left: calc(50% - 40%);
				border-radius: 8px;
				padding-top: 0;
			}
			
			.share_list p {
				text-indent: 2em;
			}
			
			.padding_r28px {
				padding-right: 28px;
			}
			
			.line-height37px {
				line-height: 37px;
			}
			
			.font16 {
				font-size: 16px;
			}
			
			.mui-table-view-cell>a:not(.mui-btn) {
				color: #4c968e;
			}
			
			.mui-checkbox input[type=checkbox],
			.mui-radio input[type=radio] {
				right: 0;
			}
			
			.mui-checkbox label,
			.mui-radio label {
				padding-left: 0;
			}
			#goods_subject{border: 1px dashed #999;width: 60px;height: 60px;text-align: center;line-height: 60px;color:#999;margin-right: 5px;float: left;}
			.img_show img{width: 60px;height: 60px;}
			.img_show li{position: relative;margin:0 10px 10px 0;}
			.img_show .del_btn{position: absolute;right: -5px;top: -5px;color: #FF0000;}
			.good_subject{position: relative;text-align: center;line-height: 98px;overflow: hidden;}
			.good_subject img{position: absolute;left: 50% !important;-webkit-transform: translateX(-50%) !important;width: auto;height: 100%;}
		</style>
	</head>

	<body class="bg_white" ng-app="releaseGoodsApp" ng-controller="releaseGoodsController">
		<header class="mui-bar mui-bar-nav bg_white">
			<a class="mui-icon mui-icon-left-nav mui-pull-left" id="confirmBtn"></a>
			<h1 class="mui-title colorP">发布商品</h1>
		</header>
		<div class="mui-content bg_white">
			<div></div>
			<ul class="mui-table-view bg_white">
				<li class="paddingl_r_15px_tb11px border-bottom">
					<div id="show_pic7" class="good_subject">
						<i class="iconfont">&#xe62b;</i>
						<img src="" id="a1" />
					</div>
					<label for="uploadimg7" class="sp_label">点击添加封面图片</label>
				</li>
				<li class="mui-table-view-cell padding0">
					<div class="mui-input-row">
						<label>商品名称</label>
						<input type="text" class="mui-input-clear" placeholder="请输入商品名称" id="good_name">
					</div>
				</li>
				<li class="mui-input-row border-bottom category">
					<a class="mui-navigate-right">
						<label class="color333">所属分类</label>
						<p class="mui-pull-right padding_r28px color333 line-height37px current_type"></p>
					</a>
				</li>
				<li class="paddingl_r_15px_tb11px padding0  border-bottom">
					<div class="mui-clearfix">
						<label class="mui-pull-left" style="padding-bottom: 0;">简介（50字内）</label>
						<p class="mui-pull-right"><span id="cur_num">0</span>/50</p>
					</div>					
					<textarea name="" id="good_intro" rows="5" cols="" class="font14 padding5px border-top1px" maxlength="50" placeholder="请输入商品简介"></textarea>
				</li>
				<li class="mui-table-view-cell padding0">
					<div class="mui-input-row">
						<label>价格（元）</label>						
						<input type="number" class="mui-input-clear" placeholder="请输入商品价格" id="good_price">
					</div>
				</li>
				<li class="mui-table-view-cell padding0">
					<div class="mui-input-row">
						<label>运费（元）</label>
						<input type="number" class="mui-input-clear" placeholder="请输入商品运费" id="good_ship">
					</div>
				</li>
				<li class="mui-table-view-cell padding0">
					<div class="mui-input-row">
						<label>工期（天）</label>
						<input type="number" class="mui-input-clear" placeholder="请输入商品工期" id="maf_time">
					</div>
				</li>
				<li class="mui-table-view-cell padding0">
					<div class="mui-input-row">
						<label>商品参数描述</label>
						<textarea name="" id="description" cols="" rows="5" class="font14" placeholder="请输入商品的参数描述" style="padding: 0 15px 11px;"></textarea>
					</div>
				</li>
				<li class="paddingl_r_15px_tb11px bg_white clearfix border-bottom">
					<span class="margin-bottom10px" style="display: block;">展示图片</span>
					<div id="goods_subject">
						<i class="iconfont mui-icon">&#xe62b;</i>
					</div>
					<ul class="img_show padding_lr_10px mui-clearfix width100"></ul>
				</li>
				<a href="#sheet" id="openSheet" class="mui-btn mui-btn-block paddingl_r_15px_tb11px margin0" style="text-align: start;border-radius: 0;border: none;border-bottom: 1px solid #dedede;">
					<span class="font14">是您本人原创作品对吗？</span>
					<i class="mui-icon iconfont mui-pull-right" style="margin-top: 5px;">&#xe604;</i>
					<span class="mui-pull-right font14" style="margin-top: 5px;" id="info">是</span>
				</a>
				<div class="paddingl_r_15px_tb11px">
					<span class="font14">请阅读</span>&nbsp;
					<a class="law">《知识产权承诺》</a>
				</div>
				<li class="mui-table-view-cell">
					<button type="button" class="mui-btn-blue  btn_half" disabled="" id="submit_btn" ng-click="releasesub()">发&nbsp;布</button>
				</li>
			</ul>

			<div id="sheet" class="mui-popover mui-popover-bottom mui-popover-action ">
				<!-- 可选择菜单 -->
				<ul class="mui-table-view chose_btn" id="origin">
					<li class="mui-table-view-cell">
						<a>是</a>
					</li>
					<li class="mui-table-view-cell">
						<a>否</a>
					</li>
				</ul>
				<!-- 取消菜单 -->
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<a href="#sheet1"><b>取消</b></a>
					</li>
				</ul>
			</div>
			<!--阅读知识产权承诺书弹框-->
			<div class="alert_window" id="law">
				<div class="share_list" id="law_text" style="bottom: 10%;">
					<p class="mui-text-center border-bottom line-height44px font16 color333">知识产权承诺</p>
					<div style="overflow-y: scroll;height: 400px;padding: 0 15px; margin-bottom: 20px;">
						<p class="color333 font12 margin-top10px">
							承诺并保证，您在去卖艺网（www.myee.net.cn）及“去卖艺APP”移动客户端以各种形式发布的作品及信息，均符合《中华人民共和国著作权法》、《中华人民共和国商标法》、《中华人民共和国反不正当竞争法》、《中华人民共和国侵权责任法》、《中华人民共和国广告法》、《中华人民共和国计算机信息系统安全保护条例》、《计算机软件保护条例》及《信息网络传播权保护条例》等有关法律、法规、规章的规定。
						</p>
						<p class="color333 font12">
							您承诺并保证，您在去卖艺网（www. myee.net.cn）及“去卖艺APP”移动客户端以各种形式发布的信息，均符合社会公序良俗。
						</p>
						<p class="color333 font12">
							您承诺并保证，您在去卖艺网（www.myee.net.cn）及“去卖艺APP”移动客户端上传的作品、文字、图片、视频、音频、多媒体资料或其他内容均拥有相应合法的权利。这些文字、图片、视频、音频、多媒体资料或其他内容，不侵犯任何第三方的肖像权、名誉权、著作权、商标权等任何权利，不违反您与任何第三方所签订的任何法律文件的规定。
						</p>
						<p class="color333 font12">
							去卖艺公司有权对您上传的作品、文字、图片、视频、音频、多媒体资料或其他内容随时进行检查或编辑。如果发现您上传的内容不符合前述承诺，去卖艺公司有权删除您所上传的内容。对于您通过去卖艺网（www.myee.net.cn）及“去卖艺APP”移动客户端上传的内容，去卖艺公司不保证其合法性、正当性、准确性或完整性。您应自行承担因此产生的法律责任，如果因您违反上述承诺及保证导致去卖艺公司因此受到损失，您应赔偿由此造成的全部损失。
						</p>
						<p class="color333 font12">
							您在点击确认本承诺之前，请仔细阅读本承诺，并确认您已完全理解本承诺。如您对本承诺有任何疑问，请立即停止通过去卖艺网（www.myee.net.cn）及“去卖艺APP”移动客户端上传的作品、文字、图片、视频、音频、多媒体资料或其他内容，并可向去卖艺网客服咨询。
						</p>
						<div class="mui-input-row mui-checkbox mui-left">
							<label>我已阅读并同意</label>
							<input name="checkbox1" type="checkbox" class="is_allow_release">
						</div>
					</div>
				</div>
			</div>
			<!--所属分类弹框-->
			<div class="alert_window" id="category">
				<div class="share_list" id="sub_item">
					<p class="mui-text-center border-bottom line-height44px font16 color333">所属分类</p>
					<div class="category_list" style="overflow-y: scroll;height: 220px;">
						<div class="mui-table-view-cell mui-collapse" ng-repeat="(index ,c) in cates | filter:{'parent':0}">
							<a class="mui-navigate-right  mui-text-center">{{c.name}}</a>
							<div class="mui-collapse-content">
								<div class="mui-input-row mui-radio border-bottom" ng-repeat="(i,cc) in cates | filter:{'parent':index+1}">
									<label>{{cc.name}}</label>
									<input name="radio" type="radio" cate_id="{{cc.id}}">
								</div>
							</div>
						</div>
					</div>
					<div class="btn_group">
						<button type="button" class="mui-btn mui-btn-grey mui-btn-block padding_tb_8px margin0 color333 cancel_btn">取消</button>
						<button type="button" class="mui-btn mui-btn-blue mui-btn-block padding_tb_8px margin0 confirm_btn" ng-click="confirm_btn($event)">确定</button>
					</div>
				</div>
			</div>
		</div>
	</body>

	<script src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/angular.min.js"></script>
	<script src="../js/jquery.min.js"></script>
	<script src="../js/open.js"></script>
	<script src="../js/upload_pic.js"></script>
	<script src="../js/apppublic.js"></script>
	<script src="../js/app/release_goods.js"></script>
	<script>
		mui.back = function() {
	        window.plus.bridge.execSync("community", "backNews", "");
	        mui.currentWebview.close();
	    }
		var info = document.getElementById("info");
		var text = document.querySelector('.text');
		mui('body').on('tap', '.mui-popover-action li>a', function() {
			var a = this,
				parent;
			//根据点击按钮，反推当前是哪个actionsheet
			for(parent = a.parentNode; parent != document.body; parent = parent.parentNode) {
				if(parent.classList.contains('mui-popover-action')) {
					break;
				}
			}
			//关闭actionsheet
			mui('#' + parent.id).popover('toggle');
		})

		//确认是否退出发布
		document.getElementById("confirmBtn").addEventListener('tap', function() {
			var btnArray = ['是', '否'];
			mui.confirm('确定退出发布商品？', '发布商品', btnArray, function(e) {
				if (e.index == 0) {
					window.plus.bridge.execSync("community","backNews","");
					plus.webview.getWebviewById('release_goods.html').close();
				} else {
					return;
				}
			})
		});
		//发布商品所属分类弹窗
		share($('#category'), $('#sub_item'), $('.category'), $('.cancel_btn'))
		//阅读知识产权承诺
		share($('#law'), $('#law_text'), $('.law'), $('.cancel_btn'));
		$(function() {			
			
			$("#good_name").blur(function(){
				if(!$("#good_name").val()){
					mui.toast('请添加商品名称');
					return;
				}
			})
			
			$("#good_intro").blur(function(){
				if($("#good_intro").val() ==""){
					mui.toast('请添加简介');
					return;
				}
			})
			$("#good_price").blur(function(){
				if($("#good_price").val()==""){
					mui.toast('请添加商品价格');
					return;
				}else{
					if(!$("#good_price").val().match(price) && $("#good_price").val()==0){
						mui.toast('商品价格只能大于0的数字');
						return;
					}
				}
			})
		
			$("#good_ship").blur(function(){
				if($("#good_ship").val()==""){
					mui.toast('请添加运费');return;
				}else{
					if(!$("#good_ship").val().match(price)){
						mui.toast('运费只能是数字');return;
					}
				}
			})
			
			$("#maf_time").blur(function(){
				if(!$("#maf_time").val()){
					mui.toast('请添加工期时间');
					return;
				} else {
					if(!$("#maf_time").val().match(p3)){
						mui.toast('工期只能是数字');return;
					}
				}
			})
		
			$("#description").blur(function(){
				if(!$("#description").val()){
					mui.toast('请添加商品参数描述');
					return;
				}
			})
		
			//阻止滾屏
			var jinzhi = 1;
			$('.category').on('tap',function(){
				jinzhi==0;
			})
//			document.addEventListener("touchmove",function(e){
//				if(jinzhi==0){
//					e.preventDefault();
//					e.stopPropagation();
//				}
//			},false);
			
		})

		//删除“加载图片”添加的图片
		$('body').on('tap', '.img_show .del_btn', function() {
			$(this).parent().remove();
		})
			
		
		//阅读知识产权承诺
			$(".is_allow_release").click(function() {
				if($(this).is(':checked')) {
					$('#submit_btn').attr('disabled', false);
					$('#law').fadeOut(300);
					event.stopPropagation();
				} else {
					$('#submit_btn').attr('disabled', true);
				}
			})
			
			//是否是本人操作（是/否）
			$('#origin a').on('tap',function(){
				$('#info').html($(this).html());
			})
			
			
			//判断简介输入的字数
			$('#good_intro').keyup(function(){
				if(!$('#good_intro').val()){
					mui.toast('请添加简介');
					return;
				}else{
					if($('#good_intro').val().length > $('#good_intro').attr('maxlength')){
						mui.toast("你输入的字数达到上限");
					} else{
						$('#cur_num').html($('#good_intro').val().length);
					}
				}
			})
	</script>

</html>